<!DOCTYPE html>
<html lang="en-US">
  <head>
    <meta charset="utf-8" />
    <title>Basic HTML text finished example: Task 3</title>
    <link rel="stylesheet" href="../styles.css" />
    <style>
      * {
        box-sizing: border-box;
      }

      h1,
      strong {
        color: purple;
      }

      em {
        color: gray;
      }
    </style>
  </head>

  <body>
    <main>
      <h1>Emphasis and importance</h1>

      <p>
        There are <strong>two</strong> things I care about —
        <strong>music</strong> and <strong>friends</strong>. Someday I
        <em>might</em> be able to get my friends interested in each other,
        <em>and</em> my music!
      </p>
    </main>
  </body>
</html>
